<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<title>胶囊式导航</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta charset="utf-8">
		<link rel="stylesheet" href="<?=base_url()?>comm/css/bootstrap.min.css">
		<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
		<script src="<?=base_url()?>comm/js/bootstrap.min.js"></script>
	</head>
	
	<body>
		<div class="container">
			<div class="bs-example">
				<ul class="nav nav-pills">
					<li class="active"><a href="#">Home</a></li>
					<li><a href="#">Profile</a></li>
					<li class="dropdown">
						<a href="#" data-toggle="dropdown" class="dropdown-toggle">Messages <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="#">收件箱</a></li>
							<li><a href="#">Drafts</a></li>
							<li><a href="#">Sent Items</a></li>
							<li class="divider"></li>
							<li><a href="#">Trash</a></li>
						</ul>
					</li>
					<li class="dropdown pull-right">
						<a href="#" data-toggle="dropdown" class="dropdown-toggle">Admin <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li class="divider"></li>
							<li><a href="#">Settings</a></li>
						</ul>
					</li>
				</ul>
			</div>
			
		</div>
		<script>
		</script>
	</body>

</html>